<?php include '../header.php'; ?>
        <title>Opiniones</title>
        <style>
            img.thumb {
                border:solid 1px silver;
                /*-webkit-border-radius: 3px 5px 1px 4px;  recuerda la primera frase 
                -moz-border-radius: 4px;  si quieres todas las esquinas iguales */
                /*border-radius: 10px;*/
                padding:2px;
                background:white;
                /*box-shadow: 1px 1px 2px #999;*/
            }
            div.comentario {
                float:left;
                margin-bottom:5px;
                margin-top:5px;
                width:100%;
                margin:auto 0;
                padding:10px;
                border:solid 1px #ea0;
                background-color:#fac67d;
                min-height: 100px;
                margin-bottom:10px;
                box-shadow: 0px 1px 3px #999;
                position:relative;
            }
        </style>
    </head>
    <body>
        <?php include '../menus/menuUsuario.php'; ?>
         <div id="principal">
             
        <?php include 'pestanasMiPerfil.php'; ?>
        <div style="margin-bottom:15px;">
        <div style="float:left;padding:0 10px 0 10px;margin:20px 10px 0 10px;width:220px;">
            <?php include 'panelOpiniones.php'; ?>
        </div>  
        <div style="width:calc(100% - 270px);margin:15px;float:left;">
        
        <!-- div para el panel de control de las opiniones -->
        <!--<div class="row-fluid">-->
            
           <!--<div style="float:left;height:500px;width:520px;overflow:auto;margin-left:30px;">-->
                <?php
//                    include '../logic/funcionesChachis.php';
                    $valoraciones = obtenerValoracionesEnviadas($_SESSION['uid']);
                   if(!isset($_GET['pagina'])) {
                        $_GET['pagina'] = 1;
                    }
                    $resPorPagina=10;
                    $resultados = paginar(count($valoraciones), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página

                    $i = $resultados['i'];
                    while ($i < $resultados['max']) { 
                ?>
                    <div class="comentario">
                        <div style="float:left;cursor:pointer">
                            <img onClick="javascript:document.perfil<?php echo $i ?>.submit();" class="thumb" style="width:60px;" src="../<?php echo $valoraciones[$i]['foto'] ?>">
                        </div>
                        <div style="float:right;padding:0 10px 0 10px">
                            <font style="color:gray;font-size:12px"><?php echo formatoFecha($valoraciones[$i]['fecha'])." a las ".formatoHora($valoraciones[$i]['fecha']); ?></font>
                        </div>
                        <?php if ($valoraciones[$i]['valoracionMedia'] > 0 ) {?>
                            <div class="puntuacion" style="background-color: <?php colorValoracion($valoraciones[$i]['valoracionMedia']); ?> ">
                                <?php echo $valoraciones[$i]['valoracionMedia']; ?>
                            </div>
                        <?php } ?>
                        <div style="float:left;padding-left:5px;">
                            <b>a <a href="#" onClick="javascript:document.perfil<?php echo $i ?>.submit();"><?php echo $valoraciones[$i]['nombre'];?> <?php echo $valoraciones[$i]['apellidos']; ?></a>:</b>
                        </div>
                        <div style="float:left;min-width:calc(100% - 70px);padding-left:5px;text-align:justify">
                            <?php echo $valoraciones[$i]['comentario']; ?>
                        </div>
                        <div style="float:left;">
                            
                        </div>
                    </div>
                    <form name="perfil<?php echo $i ?>" method="get" action="perfil.php">
                        <input type="hidden" value="<?php echo $valoraciones[$i]['idUsuarioDestino'] ?>" name="uid">
                    </form>
            
                 <?php
                    $i++;
                    }
                 ?>
           
                <div style="width:100%;text-align:center">
                    <?php if (count($valoraciones) > $resPorPagina) { ?>
                        <ul class="pagination">
                            <?php if ($_GET['pagina'] == 1) { ?>
                                <li><a href="#">&laquo;</a></li>
                            <?php } else { ?>
                                <li><a href="opinionesEnviadas.php?pagina=<?php echo $_GET['pagina']-1 ?>">&laquo;</a></li>
                            <?php }
                            for ($in = 0 ; $in < (count($valoraciones)/$resPorPagina) ; $in++) { ?>
                                <?php if ($in+1 == $_GET['pagina']) { ?>
                                    <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                                <?php } else { ?>
                                    <li><a href="opinionesEnviadas.php?pagina=<?php echo $in+1 ?>"><?php echo $in+1 ?></a></li>
                                <?php } ?>
                            <?php }?>
                                    
                            <?php if ($_GET['pagina'] >= (count($valoraciones)/$resPorPagina)) { ?>
                                <li><a href="#">&raquo;</a></li>
                            <?php } else { ?>
                                <li><a href="opinionesEnviadas.php?pagina=<?php echo $_GET['pagina']+1 ?>">&raquo;</a></li>
                            <?php } ?>
                        </ul>
                    <?php } ?>
                </div>
                </div>
           
        <div style="clear: both"></div>
        </div>
            <div style="clear: both"></div>
         </div>
        <?php include '../footer.php'; ?>
    </body>
</html>
